<template>    
    <div class="top">
        <div class="goback iconfont icon-arrow-left"  @click='goHistory'></div><span class="tit">{{msg}}</span>
    </div>
</template>

<style lang="scss" scoped>
    @import "../../assets/css/_functions.scss";
    @import "../../assets/css/_variables.scss"; 
    .top {
        width: rem(375);
        height: rem(46);
        padding:0 rem(15);
        text-align: center;
        line-height: rem(46);
        font-size: rem(17);
        color: #030303;
        background: rgb(250, 250, 250);
        position:relative;
        .goback {
            background: none;
            color: #666;
            width:rem(40);
            display: inline-block;
            position: absolute;
            left: 0;
        }
        .tit{
            font-weight: bold;
        }

    }
</style>
<script>
    export default {
        data(){
            return {
                msgdefault:'提交'
            }
        },
        methods:{
            goHistory:function () {
                window.history.go(-1);
            }
        },
         props:['msg'],
         ready:function(){
            this.msg = this.msg?this.msg:this.msgdefault;
         }     
    }
</script>